<template>
  <div class="talk">
    <button @click="talkStore.getLoveTalk">获取一句土味情话</button>
    <ul>
      <li v-for="talk in talkStore.talkList" :key="talk.id">{{ talk.title }}</li>
    </ul>
  </div>
</template>

<script setup lang="ts" name="LoveTalk">
import { reactive } from 'vue'
// import axios from "axios";
// import { nanoid } from 'nanoid'
// 引入store 
import useTalkStore from '@/store/loveTalk';


// 使用useTalkStore函数 获取到 实例对象 store 
const talkStore = useTalkStore()
// 数据
// let talkList = reactive([
//   {id:'ftrfasdf01',title:'今天你有点怪，哪里怪？怪好看的！'},
//   {id:'ftrfasdf02',title:'草莓、蓝莓、蔓越莓，今天想我了没？'},
//   {id:'ftrfasdf03',title:'心里给你留了一块地，我的死心塌地'}
// ])
// 方法

</script>

<style scoped>
.talk {
  background-color: orange;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 0 10px;
}
</style>